<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>sugarcoat</title>
		<link href="css/首页.css" style="text/css" rel="stylesheet">
		<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
	</head>
	<body>
		<div class="welcome">
			<header class="header">
					<div class="logo"><img style="width: 300px; height:108px ;" src="img/last_logo11.png"></div>
					<nav class="nav">
						<ul>
							<li><a style="color: red;" href="首页.html">首页</a></li>
							<li><a href="作品展示.html">作品展示</a></li>
							<li><a href="关于我.html">关于我</a></li>
							<li><a href="留言给我.html">留言给我</a></li>
						</ul>
					</nav>
					<div>
						<select class="btn">
							<option disabled selected hidden><a href="#">首页</a></option>
							<option><a href="#">作品展示</a></option>
							<option><a href="#">关于我</a></option>
							<option><a href="#">留言给我</a></option>
						</select>
			</header>
			<div class="photo">
				<div class="row">
					<div class="pic">
						<img src="img/last_01.jpg">
						<img src="img/last_02.jpg">
						<img src="img/last_03.jpg">
						<img src="img/last_04.jpg">
						<img src="img/last_01.jpg">
						
					</div>
				</div>
			</div>
			<div class="yishu">
				<div class="row">
					<div class="yss">
						<p class="title"><span>艺术令人感觉世界多元，设计令人感觉世界美好:)</span></p>
						<div class="kong"></div>
					</div>
					<div class="ys">
						<div class="neirong">
							<a href="同人作品.html"> <img src="img/last_05.png" ></a>
							<p class="tit1">同人作品</p>
							<p class="tit2">动画/电影/英剧/美剧等二次创作与fanbook合集</p>
						</div>
						<div class="neirong">
							<a href="#"> <img src="img/last_06.png"></a>
							<p class="tit1">平面设计</p>
							<p class="tit2">LOGO/VI/插画/形象设计等平面设计作品</p>
						</div>
						<div class="neirong">
							<a href="#"><img src="img/last_07.png"></a>
							<p class="tit1">字体设计</p>
							<p class="tit2">字体设计/字库设计产品展示</p>
						</div>
						<div class="neirong">
							<a href="#"><img src="img/last_08.png"></a>
							<p class="tit1">视觉设计</p>
							<p class="tit2">UI-移动端界面设计</p>
						</div>
					</div>
					<div class="kong"></div>
				</div>
			</div>
			<div class="zuoping">
				<div class="row">
					<div class="tt">
						作品案例
					</div>
					<div class="zp">
						<div class="show">
							<a href="移动端视觉设计展示.html"><img src="img/last_09.jpg"></a>
							<p class="tit3">移动端视觉设计展示</p>
						</div>
						<div class="show">
							<a href="西游记之大圣归来.html"><img src="img/last_10.jpg"></a>
							<p class="tit3">西游记之大圣归来</p>
						</div>
						<div class="show">
							<a href="#"><img src="img/last_11.jpg"></a>
							<p class="tit3">LOGO设计-鲸灵宝藏</p>
						</div>
						<div class="show">
							<a href="#"><img src="img/last_12.jpg"></a>
							<p class="tit3">字库设计-糖糖体</p>
						</div>
						<div class="show">
							<a href="#"><img src="img/last_13.jpg"></a>
							<p class="tit3">字库设计-良品线</p>
						</div>
						<div class="show">
							<a href="#"><img src="img/last_14.jpg"></a>
							<p class="tit3">ONE PIECE FANART</p>
						</div>
						<div class="show">
							<a href="#"><img src="img/last_15.jpg"></a>
							<p class="tit3">疑犯追踪+BBC SHERLOCK fanbook 《CALL ME JOHN》</p>
						</div>
						<div class="show">
							<a href="#"><img src="img/last_16.jpg"></a>
							<p class="tit3">BBC Sherlock fanbook 《现实生活》</p>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
					<div class="footers">
						<p>关注我
							<img src="img/last_17.png">
							<img src="img/last_wx11.png">
						</p>

						<p>© sugarcoat.tuweia.cn All rights reserved.</p>
						<p>网站图片均为个人作品，不得转载，不得二次上传，严禁商用</p>
						<p><a href="#">网站在突唯阿tuweia.cn创建</a></p>
					</div>
			</div>
			<div class="foot"><a href="#">前往突唯阿tuweia.cn，免费创建你的响应式网站</a></div>
		</div>
	</body>
</html>
